<template>
  <div class="partner">
    <header><i class="el-icon-user-solid"></i> 合作伙伴</header>
      <div class="partner-con">
        <div class="partner-list"><img src="//game.gtimg.cn/images/yxzj/match/center2018/images/partner1.png" alt=""></div>
        <div class="partner-list"><img src="//game.gtimg.cn/images/yxzj/match/center2018/images/partner2.png" alt=""></div>
        <div class="partner-list"><img src="//game.gtimg.cn/images/yxzj/match/center2018/images/partner3.png" alt=""></div>
        <div class="partner-list"><img src="//game.gtimg.cn/images/yxzj/match/center2018/images/partner4.png" alt=""></div>
        <div class="partner-list"><img src="//game.gtimg.cn/images/yxzj/match/center2018/images/partner5.png" alt=""></div>
        <div class="partner-list"><img src="//game.gtimg.cn/images/yxzj/match/center2018/images/partner6.png" alt=""></div>
        <div class="partner-list"><img src="//game.gtimg.cn/images/yxzj/match/center2018/images/partner7.png" alt=""></div>
        <div class="partner-list"><img src="//game.gtimg.cn/images/yxzj/match/center2018/images/partner8.png" alt=""></div>
        <div class="partner-list"><img src="//game.gtimg.cn/images/yxzj/match/center2018/images/partner9.png" alt=""></div>
        <div class="partner-list"><img src="//game.gtimg.cn/images/yxzj/match/center2018/images/partner10.png" alt=""></div>
      </div>
  </div>
</template>
<script>
export default {
  data: () => ({}),
  created () {},
  methods: {}
}
</script>
<style lang="less" scoped>
.partner{
  margin-top: 40px;
  width: 100%;
  margin-bottom: 40px;
  header{
    height: 40px;
    font-size: 22px;
    border-bottom: 2px solid #ddd;
    margin-bottom: 20px;
  }
  .partner-con{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    height: 270px;
    .partner-list{
      width: 232px;
      height: 122px;
      border-radius: 5px;
      border: 1px solid #f3c258;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }
}
</style>
